<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <link rel="stylesheet" href="../../static/BOSGeo/BOSGeo.css" />
  <title>设置底图颜色</title>
  <style>
    html {
      font-size: 12px;
    }

    html,
    body,
    #mapContainer {
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
    }

  </style>
</head>

<body>
  <div id="mapContainer"></div>
  <script src="../../static/BOSGeo/BOSGeo.js"></script>
  <script>
    var map = new BOSGeo.Map('mapContainer', {
    mapType: BOSGeo.TDT_IMAGERY
    });
    var data = {
    "area": "string",
    "gis_key_id": "string",
    "heading": "50",
    "pitch": "0",
    "roll": "0",
    "size": "2",
    "slope_id": 1,
    "street": "string",
    "x": "114.038",
    "y": "22.73078",
    "z": "501"
    };
    // BOSGeo.Resource.post({
    //     url: 'http://113.108.119.116:30704/api/set_slope',
    //     headers: {
    //         "Content-Type": "application/json",
    //     },
    //     data: JSON.stringify(data),
    //     // responseType: 'json',
    //     // queryParameters: ,
    // }).then((data) => {
    //     console.log(data);
    // });
  </script>
</body>

</html>